<style lang="less" scoped src="./sondata.less"></style>
<script src="./sondata.js"></script>

<template>
    <div>
        <div class="main-table">
            <Table border :columns="columns" :data="data"></Table>
        </div>
        <Modal
                v-model="viewModal"
                title="修改子主题"
                @on-ok="viewModal = false"
                @on-cancel="viewModal = false"
                width="40%"
                :mask-closable="false">
            <Form :model="formData" :label-width="75">
                <FormItem label="主题名称">
                    <Input v-model="formData.name" clearable></Input>
                </FormItem>
                <FormItem label="发证单位">
                    <Input v-model="formData.putWorker" clearable></Input>
                </FormItem>
            </Form>
            <div slot="footer">
                <Button type="primary" @click="save">保存</Button>
                <Button type="ghost" style="margin-left: 8px" @click="viewModal = false">取消</Button>
            </div>
        </Modal>
        <Modal
                v-model="memberModal"
                title="设置会员"
                width="80%"
                :mask-closable="false"
                :styles="{top: '50px'}">
            <member-list :themeId="themeId"></member-list>
            <div slot="footer">
                <Button type="primary" @click="memberModal = false">关闭</Button>
            </div>
        </Modal>
        <Modal
                v-model="diplomaModal"
                title="设置奖项"
                width="70%"
                :mask-closable="false"
                :transfer="false">
            <diploma-list :themeId="themeId"></diploma-list>
            <div slot="footer">
                <Button type="primary" style="margin-left: 8px" @click="diplomaModal = false">确定</Button>
            </div>
        </Modal>
    </div>
</template>